<template>
	<view>
		<uni-row>
			<view class="u-demo-block__content m-t-10">
				<view class="u-page__tag-item">
					<u-search v-model="value14" bgColor="#fff" label="消费金额" searchIcon="" :show-action="false"
						placeholder="询问服务员本次消费金额">
					</u-search>
				</view>
			</view>
		</uni-row>
		<uni-list>
			<uni-list-item disabled title="优惠规则" />
			<uni-list-item title="减500元" rightText="消费满10000元" />
			<uni-list-item title="减300元" rightText="消费满2000元" />
			<uni-list-item title="减150元" rightText="消费满1000元" />
			<uni-list-item title="减60元" rightText="消费满500元" />
			<uni-list-item title="减22元" rightText="消费满200元" />
			<uni-list-item title="减10元" rightText="消费满100元" />
			<uni-list-item disabled title="付款方式" />
			<u-radio-group placement="column" iconPlacement="right">
				<uni-list-item title="余额支付" note="0">
					<template v-slot:footer>
						<view class="u-page__radio-item">
							<u-radio :customStyle="{marginTop: '15px',marginRight:'26px'}" name="name">
							</u-radio>
						</view>
					</template>
				</uni-list-item>
				<uni-list-item title="在线支付">
					<template v-slot:footer>
						<u-radio :customStyle="{marginRight:'26px'}" name="name">
						</u-radio>
					</template>
				</uni-list-item>
			</u-radio-group>
		</uni-list>
		<button type="primary" style="margin-top: 50rpx;">确认支付</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value14: ""


			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}

	.u-page__tag-item {
		@include flex(column);
		flex: 1
	}

	.m-t-10 {
		margin-top: 10px;
	}
</style>
